<script setup lang="ts" name="App">

    // setup 等同于 vue2 beforeCreate
    // setup 等同于 vue2 created
     import { onBeforeMount, onBeforeUnmount, onBeforeUpdate, onUnmounted, onUpdated, reactive, ref, watch, watchEffect } from "vue";
     import Child from "./views/components/index.vue";
    import {IUser}  from "./interface.ts";
    import { onMounted } from "vue";
     
    onBeforeMount(() => {
      console.log("onBeforeMount");
    });
    onMounted(() => {
      console.log("onMounted");
    });
    
    onBeforeUpdate(() => {
      console.log("onBeforeUpdate");
    });
    onUpdated(() => {
      console.log("onUpdated");
    });
    onBeforeUnmount(() => {
      console.log("onBeforeUnmount");
    });
    onUnmounted(() => {
      console.log("onUnmounted");
    });
    
        </script>
        
        <template>
          <div>
            <!-- {{geyaoTest.name}}-{{geyaoTest.age}} -->
            <Child></Child>
    
          </div>
        </template>
        
        <style scoped>
        
        </style>
        
        
        
        
        